<!--导航组件-->
<template>
  <div class="carNav">
    <div class="cars">
      <div class="carNav-1">
        <img src="../assets/images/libaiwu.png" />
      </div>
      <div class="carNav-2">
        <span>我的购物车</span>
        <span>></span>
        <span>确认点单信息</span>
        <span>></span>
        <span>订单提交成功</span>
      </div>
    </div>
  </div>


</template>

<script>
export default {
  name: "CarNav"
};
</script>

<style scoped>
.carNav {
  width: 100%;
  margin:auto;
  font-size: 18px;
  border-bottom: 1px solid #dcdcec;
}
.cars {
  width: 80%;
  margin: auto;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.carNav-1 {
  width: 30%;
  /*border: 1px solid black;*/
}

.carNav-1 img {
  width: 100%;
}

.carNav-2 {
  width: 752px;
  
  /*border: 1px solid black;*/
  line-height: 120px;
  display: flex;
  justify-content: flex-end;
}

.carNav-2 span {
  margin-left: 15px;
}

.carNav-2 span:nth-of-type(1) {
  /*margin-left: 20px;*/
  color: #f08200;
}
</style>